const data = [
    {
        id: 13,
        option: `option = {
            title: {
              text: 'Referer of a Website',
              subtext: 'Fake Data',
              left: 'center'
            },
            tooltip: {
              trigger: 'item'
            },
            legend: {
              orient: 'vertical',
              left: 'left'
            },
            series: [
              {
                name: 'Access From',
                type: 'pie',
                radius: '50%',
                data: [
                  { value: 1048, name: 'Search Engine' },
                  { value: 735, name: 'Direct' },
                  { value: 580, name: 'Email' },
                  { value: 484, name: 'Union Ads' },
                  { value: 300, name: 'Video Ads' }
                ],
                emphasis: {
                  itemStyle: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                  }
                }
              }
            ]
          };`
    },
    {
        id: 14,
        option: `option = {
            tooltip: {
              trigger: 'item'
            },
            legend: {
              top: '5%',
              left: 'center'
            },
            series: [
              {
                name: 'Access From',
                type: 'pie',
                radius: ['40%', '70%'],
                avoidLabelOverlap: false,
                itemStyle: {
                  borderRadius: 10,
                  borderColor: '#fff',
                  borderWidth: 2
                },
                label: {
                  show: false,
                  position: 'center'
                },
                emphasis: {
                  label: {
                    show: true,
                    fontSize: '40',
                    fontWeight: 'bold'
                  }
                },
                labelLine: {
                  show: false
                },
                data: [
                  { value: 1048, name: 'Search Engine' },
                  { value: 735, name: 'Direct' },
                  { value: 580, name: 'Email' },
                  { value: 484, name: 'Union Ads' },
                  { value: 300, name: 'Video Ads' }
                ]
              }
            ]
          };`
    },
    {
        id: 15,
        option: `option = {
            tooltip: {
              trigger: 'item'
            },
            legend: {
              top: '5%',
              left: 'center'
            },
            series: [
              {
                name: 'Access From',
                type: 'pie',
                radius: ['40%', '70%'],
                avoidLabelOverlap: false,
                label: {
                  show: false,
                  position: 'center'
                },
                emphasis: {
                  label: {
                    show: true,
                    fontSize: '40',
                    fontWeight: 'bold'
                  }
                },
                labelLine: {
                  show: false
                },
                data: [
                  { value: 1048, name: 'Search Engine' },
                  { value: 735, name: 'Direct' },
                  { value: 580, name: 'Email' },
                  { value: 484, name: 'Union Ads' },
                  { value: 300, name: 'Video Ads' }
                ]
              }
            ]
          };`
    },
    {
        id: 16,
        option: `option = {
            backgroundColor: '#2c343c',
            title: {
              text: 'Customized Pie',
              left: 'center',
              top: 20,
              textStyle: {
                color: '#ccc'
              }
            },
            tooltip: {
              trigger: 'item'
            },
            visualMap: {
              show: false,
              min: 80,
              max: 600,
              inRange: {
                colorLightness: [0, 1]
              }
            },
            series: [
              {
                name: 'Access From',
                type: 'pie',
                radius: '55%',
                center: ['50%', '50%'],
                data: [
                  { value: 335, name: 'Direct' },
                  { value: 310, name: 'Email' },
                  { value: 274, name: 'Union Ads' },
                  { value: 235, name: 'Video Ads' },
                  { value: 400, name: 'Search Engine' }
                ].sort(function (a, b) {
                  return a.value - b.value;
                }),
                roseType: 'radius',
                label: {
                  color: 'rgba(255, 255, 255, 0.3)'
                },
                labelLine: {
                  lineStyle: {
                    color: 'rgba(255, 255, 255, 0.3)'
                  },
                  smooth: 0.2,
                  length: 10,
                  length2: 20
                },
                itemStyle: {
                  color: '#c23531',
                  shadowBlur: 200,
                  shadowColor: 'rgba(0, 0, 0, 0.5)'
                },
                animationType: 'scale',
                animationEasing: 'elasticOut',
                animationDelay: function (idx) {
                  return Math.random() * 200;
                }
              }
            ]
          };`
    },
    {
        id: 17,
        option: `option = {
            title: [
              {
                text: 'Pie label alignTo',
                left: 'center'
              },
              {
                subtext: 'alignTo: "none" (default)',
                left: '16.67%',
                top: '75%',
                textAlign: 'center'
              },
              {
                subtext: 'alignTo: "labelLine"',
                left: '50%',
                top: '75%',
                textAlign: 'center'
              },
              {
                subtext: 'alignTo: "edge"',
                left: '83.33%',
                top: '75%',
                textAlign: 'center'
              }
            ],
            series: [
              {
                type: 'pie',
                radius: '25%',
                center: ['50%', '50%'],
                data: [
                    {
                      name: 'Apples',
                      value: 70
                    },
                    {
                      name: 'Strawberries',
                      value: 68
                    },
                    {
                      name: 'Bananas',
                      value: 48
                    },
                    {
                      name: 'Oranges',
                      value: 40
                    },
                    {
                      name: 'Pears',
                      value: 32
                    },
                    {
                      name: 'Pineapples',
                      value: 27
                    },
                    {
                      name: 'Grapes',
                      value: 18
                    }
                  ],
                label: {
                  position: 'outer',
                  alignTo: 'none',
                  bleedMargin: 5
                },
                left: 0,
                right: '66.6667%',
                top: 0,
                bottom: 0
              },
              {
                type: 'pie',
                radius: '25%',
                center: ['50%', '50%'],
                data: [
                    {
                      name: 'Apples',
                      value: 70
                    },
                    {
                      name: 'Strawberries',
                      value: 68
                    },
                    {
                      name: 'Bananas',
                      value: 48
                    },
                    {
                      name: 'Oranges',
                      value: 40
                    },
                    {
                      name: 'Pears',
                      value: 32
                    },
                    {
                      name: 'Pineapples',
                      value: 27
                    },
                    {
                      name: 'Grapes',
                      value: 18
                    }
                  ],
                label: {
                  position: 'outer',
                  alignTo: 'labelLine',
                  bleedMargin: 5
                },
                left: '33.3333%',
                right: '33.3333%',
                top: 0,
                bottom: 0
              },
              {
                type: 'pie',
                radius: '25%',
                center: ['50%', '50%'],
                data: [
                    {
                      name: 'Apples',
                      value: 70
                    },
                    {
                      name: 'Strawberries',
                      value: 68
                    },
                    {
                      name: 'Bananas',
                      value: 48
                    },
                    {
                      name: 'Oranges',
                      value: 40
                    },
                    {
                      name: 'Pears',
                      value: 32
                    },
                    {
                      name: 'Pineapples',
                      value: 27
                    },
                    {
                      name: 'Grapes',
                      value: 18
                    }
                  ],
                label: {
                  position: 'outer',
                  alignTo: 'edge',
                  margin: 20
                },
                left: '66.6667%',
                right: 0,
                top: 0,
                bottom: 0
              }
            ]
          };`
    },
    {
        id: 18,
        option: `option = {
            title: {
              text: 'Nightingale Chart',
              subtext: 'Fake Data',
              left: 'center'
            },
            tooltip: {
              trigger: 'item',
              formatter: '{a} <br/>{b} : {c} ({d}%)'
            },
            legend: {
              left: 'center',
              top: 'bottom',
              data: [
                'rose1',
                'rose2',
                'rose3',
                'rose4',
                'rose5',
                'rose6',
                'rose7',
                'rose8'
              ]
            },
            toolbox: {
              show: true,
              feature: {
                mark: { show: true },
                dataView: { show: true, readOnly: false },
                restore: { show: true },
                saveAsImage: { show: true }
              }
            },
            series: [
              {
                name: 'Radius Mode',
                type: 'pie',
                radius: [20, 140],
                center: ['25%', '50%'],
                roseType: 'radius',
                itemStyle: {
                  borderRadius: 5
                },
                label: {
                  show: false
                },
                emphasis: {
                  label: {
                    show: true
                  }
                },
                data: [
                  { value: 40, name: 'rose 1' },
                  { value: 33, name: 'rose 2' },
                  { value: 28, name: 'rose 3' },
                  { value: 22, name: 'rose 4' },
                  { value: 20, name: 'rose 5' },
                  { value: 15, name: 'rose 6' },
                  { value: 12, name: 'rose 7' },
                  { value: 10, name: 'rose 8' }
                ]
              },
              {
                name: 'Area Mode',
                type: 'pie',
                radius: [20, 140],
                center: ['75%', '50%'],
                roseType: 'area',
                itemStyle: {
                  borderRadius: 5
                },
                data: [
                  { value: 30, name: 'rose 1' },
                  { value: 28, name: 'rose 2' },
                  { value: 26, name: 'rose 3' },
                  { value: 24, name: 'rose 4' },
                  { value: 22, name: 'rose 5' },
                  { value: 20, name: 'rose 6' },
                  { value: 18, name: 'rose 7' },
                  { value: 16, name: 'rose 8' }
                ]
              }
            ]
          };`
    },
    {
      id:19,
      option:`let datas = [
        [
          { name: '圣彼得堡来客', value: 5.6 },
          { name: '陀思妥耶夫斯基全集', value: 1 },
          { name: '史记精注全译（全6册）', value: 0.8 },
          { name: '加德纳艺术通史', value: 0.5 },
          { name: '表象与本质', value: 0.5 },
          { name: '其它', value: 3.8 }
        ],
        [
          { name: '银河帝国5：迈向基地', value: 3.8 },
          { name: '俞军产品方法论', value: 2.3 },
          { name: '艺术的逃难', value: 2.2 },
          { name: '第一次世界大战回忆录（全五卷）', value: 1.3 },
          { name: 'Scrum 精髓', value: 1.2 },
          { name: '其它', value: 5.7 }
        ],
        [
          { name: '克莱因壶', value: 3.5 },
          { name: '投资最重要的事', value: 2.8 },
          { name: '简读中国史', value: 1.7 },
          { name: '你当像鸟飞往你的山', value: 1.4 },
          { name: '表象与本质', value: 0.5 },
          { name: '其它', value: 3.8 }
        ]
      ];
  option = {
    title: {
      text: '阅读书籍分布',
      left: 'center',
      textStyle: {
        color: '#999',
        fontWeight: 'normal',
        fontSize: 14
      }
    },
    series: datas.map(function (data, idx) {
      var top = idx * 33.3;
      return {
        type: 'pie',
        radius: [20, 60],
        top: top + '%',
        height: '33.33%',
        left: 'center',
        width: 400,
        itemStyle: {
          borderColor: '#fff',
          borderWidth: 1
        },
        label: {
          alignTo: 'edge',
          formatter: '{name|{b}}\\n{time|{c} 小时}',
          minMargin: 5,
          edgeDistance: 10,
          lineHeight: 15,
          rich: {
            time: {
              fontSize: 10,
              color: '#999'
            }
          }
        },
        labelLine: {
          length: 15,
          length2: 0,
          maxSurfaceAngle: 80
        },
        labelLayout: function (params) {
          const isLeft = params.labelRect.x < myChart.getWidth() / 2;
          const points = params.labelLinePoints;
          // Update the end point.
          points[2][0] = isLeft
            ? params.labelRect.x
            : params.labelRect.x + params.labelRect.width;
          return {
            labelLinePoints: points
          };
        },
        data: data
      };
        })
      };`
    },
    {
      id:27,
      option:`option = {
        textStyle: {
          fontFamily: 'Microsoft YaHei',
        },
        color: [
          '#6395F9',
          '#D3DEFA',
          '#87DCB2',
          '#D6F2E4',
          '#829BCD',
          '#CFD3DE',
          '#E37568',
          '#F1B171',
          '#ECC24A',
          '#F7CDBD',
          '#B9AAA5',
          '#A59CFF',
          '#D5D0F9',
          '#92D2F6',
          '#C7E7A4',
          '#DAEEF7',
        ],
        legend: {
          show: true,
          itemWidth: 16,
          itemHeight: 8,
          icon: 'path://M150,171H250a50,50,0,0,1,0,100H150A50,50,0,0,1,150,171Z',
          textStyle: {
            fontSize: 14,
            fontWeight: 400,
          },
        },
        tooltip: {
          show: true,
        },
        polar: {
          radius: '62%',
          center: ['50%', '50%'],
        },
        angleAxis: {
          min: 0,
          max: 100,
          axisLabel: {
            show: false,
          },
        },
        radiusAxis: [
          {
            type: 'category',
            axisLabel: {
              interval: 0,
              fontSize: 16,
              fontWeight: 'bold',
              color: '#162440',
            },
            data: ['通知', '活期', '定期'],
          },
        ],
        dataset: [
          {
            source: [
              ['bank', '通知', '活期', '定期'],
              ['工商银行', 6, 6, 6],
              ['农业银行', 6, 6, 6],
              ['中国银行', 6, 6, 6],
              ['建设银行', 6, 6, 6],
              ['交通银行', 6, 6, 6],
              ['邮储银行', 6, 6, 6],
              ['红塔银行', 6, 6, 6],
              ['光大银行', 6, 6, 6],
              ['云南农信', 8, 8, 8],
              ['招商银行', 6, 6, 6],
              ['华夏银行', 6, 6, 6],
              ['民生银行', 6, 6, 6],
              ['广发银行', 8, 8, 8],
              ['平安银行', 6, 6, 6],
              ['浦发银行', 6, 6, 6],
              ['中信银行', 6, 6, 6],
            ],
          },
        ],
        series: [
          {
            name: '定期',
            type: 'pie',
            radius: ['45%', '60%'],
            center: ['50%', '50%'],
            z: 0,
            label: {
              position: 'outside',
              fontFamily: 'Microsoft YaHei',
              fontWeight: 400,
              fontSize: 16,
              color: '#162440',
            },
            labelLine: { show: true },
            emphasis: {
              scale: false,
              scaleSize: 10,
              focus: 'self',
            },
            datasetIndex: 0,
            seriesLayoutBy: 'column',
            encode: { itemName: 0, value: 1 },
          },
          {
            name: '活期',
            type: 'pie',
            radius: ['25%', '40%'],
            center: ['50%', '50%'],
            z: 0,
            label: { show: false },
            emphasis: {
              scale: false,
              scaleSize: 10,
              focus: 'self',
            },
            datasetIndex: 0,
            seriesLayoutBy: 'column',
            encode: { itemName: 0, value: 2 },
          },
          {
            name: '通知',
            type: 'pie',
            radius: ['5%', '20%'],
            center: ['50%', '50%'],
            z: 0,
            label: { show: false },
            emphasis: {
              scale: false,
              scaleSize: 10,
              focus: 'self',
            },
            datasetIndex: 0,
            seriesLayoutBy: 'column',
            encode: { itemName: 0, value: 3 },
          },
        ],
      };
      `
    }
]
export default data